﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/BusinesstodayLayout/BackEnd/_1Col.cshtml";
}
<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.11.min.js"></script>
<script type="text/javascript" src="../../Content/jorgchart/jquery.jOrgChart.js"></script>
<script type="text/javascript" src="../../Content/jorgchart/prettify.js"></script>
<link rel="Stylesheet" href="../../Content/jorgchart/css/bootstrap.min.css" />
<link rel="Stylesheet" href="../../Content/jorgchart/css/custom.css" />
<link rel="Stylesheet" href="../../Content/jorgchart/css/jquery.jOrgChart.css" />
<link rel="Stylesheet" href="../../Content/jorgchart/css/prettify.css" />
<script>
    jQuery(document).ready(function () {
        $("#org").jOrgChart({
            chartElement: '#chart'
        });
                
    });
</script>
<div class="wrapper col5">
    <div id="container">
        <div class="5grid">
            <h2>
                Quản lý Cơ sở Đoàn</h2>
            <div>
                <ul id="org" style="display: none;">
                    <li>Đoàn trường
                        <ul>
                            <li id="beer">Liên chi HTTT</li>
                            <li>Liên Chi KHMT <a href="http://wesnolte.com" target="_blank">Click me</a>
                                <ul>
                                    <li>Chi Đoàn KHMT05</li>
                                    <li><a href="http://tquila.com" target="_blank">Chi Đoàn KHMT06</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="fruit">Liên Chi Kĩ Thuật Máy Tính
                                <ul>
                                    <li>Chi Đoàn KTMT04
                                    </li>
                                </ul>
                            </li>
                            <li>Liên Chi CNPM<ul>
                                <li>Chi Đoàn CNPM03
                                </li>
                            </ul>
                            </li>
                            <li class="collapsed">Liên Chi MMT
                                <ul>
                                    <li>Chi Đoàn MMT04</li>
                                    <li>Chi Đoàn MMT03</li>
                                </ul>
                            </li>
                            <li class="collapsed"> Chi Đoàn Cán bộ trẻ
                            </li>
                        </ul>
                    </li>
            </div>
            <div id="chart" class="orgChart"></div>
        </div>
    </div>
</div>
